<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/course/claendar.css?v=1.3.1">
<section id="calendar" ref="showPanel">
    <!-- 日历 -->
    <p class="breadcrumb"><a href="/">首页</a> > 考试日历</p>
    <div class="calendar">
        <div class="breadth">
            <div class="midland">
                <div class="head">
                    <!-- <div class="month"@click="switchover"> -->
                    <div class="month " :class="mounthOn(one)">
                        <p @click="dianji('1')">{{one}} 月</p>
                    </div>
                    <div class="month" :class="mounthOn(two)">
                        <p @click="dianji2('1')">{{two}} 月</p>
                    </div>
                    <div class="month" :class="mounthOn(teree)">
                        <p @click="dianji3('1')">{{teree}} 月</p>
                    </div>
                    <div class="month" :class="mounthOn(four)">
                        <p @click="dianji4('1')">{{four}} 月</p>
                    </div>
                    <div class="month" :class="mounthOn(five)">
                        <p @click="dianji5('1')">{{five}} 月</p>
                    </div>
                    <div class="month" :class="mounthOn(six)">
                        <p @click="dianji6('1')">{{six}} 月</p>
                    </div>
                </div>
                <div class="gen">
                    <div class="title">
                        <div v-if="switchover ==='b'" class="arrow" @click="changeMonth('pre')"><img @class="" src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/left.png" alt=""><span class="view">上半年</span></div>

                        <!-- 定位 -->
                        <div class="year-month">
                            <span>{{currentYear}}年{{currentMonth}}月</span>
                        </div>
                        <!-- 占位置的空盒子 -->
                        <div></div>

                        <div v-if="switchover === 'a' " class="arrows" @click="changeMonth('next')"><span class="view">下半年</span>
                            <img @class="" src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/right.png"
                                 alt=""></div>

                    </div>

                    <ul class="weekdays">
                        <li v-for='(val,key) in weeks'>
                            <!-- <span :style='chooseStyle(key)'>
                                {{val}}
                            </span> -->
                            <span>
                    {{val}}
                </span>

                        </li>
                    </ul>

                    <ul class="days">
                        <li v-for='(val,key) in days'>
                            <span :class='chooseClass(val.day,tableData)'
                                  @click="showCard(val.day)">{{val.day.getDate()}}</span>
                            <div class="noticeCard" v-for="examDay in currentExamDays"
                                 v-if="chooseDay==examDay.date&&chooseDay===val.day.getDate() &&val.day.getMonth()+1===chooseMonth &&chooseMonth===currentMonth">
                                <p>考试类别： {{examDay.cate}}</p>
                                <p>报名截止日期：{{examDay.endTime | formatDate}}</p>
                                <p>准考证打印日期：{{examDay.printTime | formatDate}}</p>
                                <p>成绩单寄送日期：{{examDay.sendTime | formatDate}}</p>
                            </div>
                        </li>
                    </ul>
                </div>


            </div>


            <!-- 按钮 -->
            <div class="counselor">
                <p>
                    <a onclick="_czc.push(['_trackEvent','考试日历','在线咨询','',''])" href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef">
                        在线咨询</a></p>
            </div>
        </div>
    </div>
    <div class="mainBottom">
        <div class="recommend">
            <div class="left">
                <div class="photograph"></div>
                <div class="photographs"></div>

                <div class="consult">
                    <div class="cases">
                        <div class="vertical"></div>
                        <span style="color:#282828;font-size: 24px;font-weight: bold;">资讯推荐</span>
                    </div>
                    <?php foreach ($recommend as $v) { ?>
                        <a onclick="_czc.push(['_trackEvent','考试日历-资讯推荐','查看详情','<?php echo $v['name'] ?>',''])" href="/news-information/<?php echo $v['id'] ?>.html">
                            <div class="content" >
                                <div>
                                    <span></span>
                                    <p><?php echo $v['name'] ?></p>
                                </div>
                                <p class="characters" style="margin-left: 20px;font-size: 12px"><?php echo $v['author'] == false ? '申友' : $v['author'] ?>
                                    发布于<?php echo date('Y-m-d', $v['pushTime']) ?> </p>
                            </div>
                        </a>
                    <?php } ?>
                </div>
            </div>

            <div class="right">
                <div class="hot">
                    <div class="boxes">
                        <span>申友雅思热门课程</span>
                        <a onclick="_czc.push(['_trackEvent','考试日历-申友雅思热门课程','MORE>','',''])" href="/mall.html">MORE<img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/right2.png"></a>
                    </div>

                    <div class="intensify">

                        <?php foreach ($course as $v) { ?>
                            <div class="course">
                                <div class="details">
                                    <span>HOT</span>
                                    <p><?php echo $v['name'] ?></p>
                                </div>

                                <div class="icos">
                                    <p class="writings"><img
                                                src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/7@2x.png"
                                                alt=""><?php echo $v['classTime'] ?></p>

                                    <p class="writings"><img
                                                src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/6@2x.png"
                                                alt="">
                                        <?php echo $v['duration'] ?>课时
                                    </p>
                                </div>
                                <!-- 按钮 -->
                                <div class="material">
                                    <a onclick="_czc.push(['_trackEvent','考试日历-申友雅思热门课程','立即咨询','<?php echo $v['name'] ?>',''])" class="key"
                                       href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef">立即咨询</a>
                                    <a onclick="_czc.push(['_trackEvent','考试日历-申友雅思热门课程','查看详情','<?php echo $v['name'] ?>',''])" class="key" href="/course-detail/<?php echo $v['id'] ?>.html">查看详情</a>
                                </div>
                            </div>
                        <?php } ?>
                    </div>
                </div>

                <div class="emphasis">
                    <div class="boxes">
                        <span>重点推荐</span>

                    </div>


                    <div class="keyPoint">
                        <?php foreach($focus as $v){?>
                            <a onclick="_czc.push(['_trackEvent','考试日历-重点推荐','<?php echo $v['name'] ?>','',''])" href="<?php echo $v['url']?>" class="keyPointItem"><p></p><span><?php echo $v['name']?></span></a>
                        <?php }?>
                    </div>
                </div>


            </div>
        </div>

    </div>

</section>
<script src="https://file.viplgw.cn/ui/thinku-ielts-new/js/calendar.js?v=1.1"></script>
